<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:body>

	<ui:composition template="/pages/template/layout01.xhtml">

		<ui:define name="content">

			<h:messages globalOnly="true" />

			<h:form id="formPesquisa" rendered="#{!pessoaBean.editMode}">

				<ul>
					
					<li><p:commandLink value="Adicionar Pessoa"
							actionListener="#{pessoaBean.create}" ajax="false" /></li>
				</ul>

				<h:panelGrid columns="1">
					<h1>Pessoa</h1>
					<h:panelGroup>
						<h:outputText value="Filtro:" />
						<p:inputText maxlength="30" size="30"
							value="#{pessoaBean.nomePessoa}">
							<f:ajax event="keyup" render="resultados"
								listener="#{pessoaBean.filtrarPessoa}" />
						</p:inputText>
					</h:panelGroup>
				</h:panelGrid>
				<p:dataTable value="#{pessoaBean.pessoas}" var="pessoa"
					id="resultados" border="1">
					<p:column id="clPessoCodigo">
						<f:facet name="header">ID</f:facet>
						<h:outputText value="#{pessoa.pessoCodigo}" />
					</p:column>
					<p:column id="clPessoNome">
						<f:facet name="header">Nome da Pessoa</f:facet>
						<h:outputText value="#{pessoa.pessoNome}" />
					</p:column>
					<p:column id="clPessoCelular">
						<f:facet name="header">Residencial</f:facet>
						<h:outputText value="#{pessoa.pessoCelular}" />
					</p:column>
					<p:column id="clApartamento">
						<f:facet name="header">Apartamento</f:facet>
						<h:outputText value="#{pessoa.apartamento.strResBloApar}" />
					</p:column>
					<p:column id="alterar">
						<f:facet name="header">#</f:facet>
						<h:commandLink value="Alterar" action="#{pessoaBean.update}">
							<f:setPropertyActionListener target="#{pessoaBean.pessoa}"
								value="#{pessoa}" />
						</h:commandLink>
					</p:column>
					<p:column id="excluir">
						<f:facet name="header">#</f:facet>
						<p:commandLink id="lnkDelete" value="Excluir"
							onclick="if (!confirm('Tem certeza que deseja excluir este dado?')) return false"
							action="#{pessoaBean.delete}" ajax="false">
							<f:setPropertyActionListener target="#{pessoaBean.pessoa}"
								value="#{pessoa}" />
						</p:commandLink>
					</p:column>
				</p:dataTable>
			</h:form>
			<h:form id="formEdicao" rendered="#{pessoaBean.editMode}">
				<h:panelGrid columns="2">

					<h:outputText value="Apartamento:" />
					<p:selectOneMenu value="#{pessoaBean.pessoa.apartamento}"
						effect="fade" converter="converteApartamento">
						<f:selectItem itemLabel="Selecione..." itemValue="" />
						<f:selectItems value="#{apartamentoBean.apartamentos}" var="pojo"
							itemLabel="#{pojo.bloco.residencial.resNome}-#{pojo.bloco.bloDescricao}-#{pojo.aparNumero}"
							itemValue="#{pojo}" />
					</p:selectOneMenu>

					<h:outputText value="Nome da pessoa:" />
					<p:inputText maxlength="30" size="30"
						value="#{pessoaBean.pessoa.pessoNome}" />

					<h:outputText value="Celular:" />
					<p:inputText maxlength="30" size="30"
						value="#{pessoaBean.pessoa.pessoCelular}" />

				</h:panelGrid>
				<p:commandButton value="Salvar"
					actionListener="#{pessoaBean.salvar}" ajax="false" />
				<p:commandButton value="Cancelar" action="pessoa" ajax="false" />
			</h:form>

		</ui:define>

	</ui:composition>

</h:body>
</html>